<!-- 本文件是动态消息系统的示例 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="DMessageClient.js"></script>
</head>


<body>
    <button>trigger message</button>
    <script>
        function handler(e) {
            //在这里添加代码，处理收到信息:把消息显示在各自的任务的界面上，或者集中显示在动态消息栏之类
            console.log(e.data);
        }
        //初始化，生成和服务端消息系统的连接。在同一个浏览器实例，所有网页共享一个连接。注意地址和服务器对接
        let client = new DMessageClient('http://127.0.0.1:3001', '', handler);

      //  let client = new DMessageClient('https://www.codelover.club', '/mysocket', handler);

        var i = 0;
        let currNo = 1;
        //需要哪个课程的消息，就按如下模式调用
        client.needMessageOf(currNo);
        document.querySelector('button').onclick = function () {
            //用户发送消息（json format)
            let message = 'client1发送信息' + i++;
            
            let groupNoInCourse = 2;
            let taskNoInGroup = 1;
            client.sendMessage({ message, currNo, groupNoInCourse, taskNoInGroup });
            //本页需要课程２的消息
            if (i < 10) client.needMessageOf(2);
            //本页不再需要课程２的消息
            if (i > 20) client.needNotMessageOf(2);
        }

        window.addEventListener('beforeunload', () => {
            //请记得在关闭网页窗口时关闭client
            client.closing();
        })


    </script>
</body>

</html>